/* common start */
*{
    padding: 0;
    margin: 0;
}
a{
    text-underline: none;
    color: #FFFFFF;
    text-decoration: none;
}
body{
    background-color: #141519;
    min-width: 1460px;
}
img{
	vertical-align: top;
}
ul{
	list-style: none;
	vertical-align: top;
}
li{
	list-style: none;
	vertical-align: top;
}
input[type='text']:focus{
    caret-color: #009688;
}
select::-ms-expand{
    display: none;
}
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    background: url("..../image/select_arrow.png") no-repeat scroll calc(100% - 10px) center transparent;
    border: solid 1px #dfdfdf;
    height: 30px;
    padding: 0 15px;
    border-radius: 2px;
    line-height: 30px;
    font-family: SHSR;
    font-size: 16px;
    color: #202020;
}
select option{
    border: none;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
}
select option:hover{
   background-color: #eeeeee;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

.wrap{
	width: 1460px;
	margin: 0 auto;
}
/* common end */

/* header start */
.logo_box{
	width: 100%;
	padding: 5px 0;
	background-color: #22262A;
}
.logo_box .logo{
	width: 255px;
}
.logo_box .right_box{
	float: right;
	text-align: right;
}
.logo_box .right_box .username, .logo_box .right_box .logout{
	display: inline-block;
	font-size: 16px;
	color: #FEFEFE;
	margin-top: 25px;
}
.logo_box .right_box .logout{
	margin-right: 38px;
}

.logo_box .button{
	float: right;
	height: 31px;
	width: 70px;
	margin-top: 22px;
	border-radius: 10px;
	border: solid 2px #8957a1;
	text-align: center;
	line-height: 31px;
}
.logo_box .register{
	margin-right: 21px;
}
.logo_box .register:hover{
	background-color: #27292a;
}
.logo_box .register:active{
	background-color: #1b222a;
}
.logo_box .signin{
	margin-right: 20px;
	background-color: #8957a1;
}
.logo_box .signin:hover{
	background-color: #8e66a1;
}
.logo_box .signin:active{
	background-color: #8243a1;
}

.nav_box{
	width:100%;
	background-color: #2E3238;
}
.nav_box .nav{
	display: inline-block;
	width: 180px;
	line-height: 80px;
	color: #A5A8AD;
	font-size: 18px;
	border-bottom: solid 3px #2E3238;
	text-align: center;
}
.nav_box .nav:hover{
	border-bottom-color: #8957a1;
}
.nav_box .nav.right{
	float: right;
}
/* header end */

/* footer start */
.footer{
	width: 100%;
	background-color: #1E2225;
}
.footer .nav_group{
	display: inline-block;
	margin-top: 26px;
	padding-top: 25px;
	height: 336px;
	border-right: solid 1px #70706F;
}
.footer .nav_group:nth-child(1){
	width: 148px;
	padding-left: 35px;
}
.footer .nav_group:nth-child(2){
	width: 168px;
	padding-left: 48px;
}
.footer .nav_group .title{
	font-size: 20px;
	color: #ffffff;
	margin-bottom: 26px;
}
.footer .nav_group .nav{
	margin-bottom: 20px;
}
.footer .nav_group .nav a{
	font-size: 18px;
	color: #70706F;
}
.footer .qr_group{
	display: inline-block;
	width: 310px;
	margin: 54px 0;
	text-align: center;
}
.footer .qr_group .qr_code{
	width: 214px;
	height: 214px;
}
.footer .qr_group .title{
	font-size: 24px;
	color: #FBFCF9;
	margin-top: 31px;
}
.footer .qr_group .label{
	font-size: 24px;
	color: #70706F;
	margin-top: 19px;
}
/* footer end */

/* home start */
.banner_box{
	position: relative;
	width: 100%;
}
.banner_box .banner_button{
	position: absolute;
	bottom: 100px;
	left: 700px;
	width: 268px;
	height: 76px;
}
.banner_box .banner_button img{
	width:100%;
}

.content_box{
	display: inline-block;
	vertical-align: top;
	border: none;
	margin: 0;
	background-color: #212122;
}
.content_box .title_box{
	width: 100%;
	height: 93px;
	background-color: #2d2d2d;
}
.content_box .title_box .icon{
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 100%;
	background-repeat: no-repeat;
}
.content_box .title_box .title_group{
	display: inline-block;
	margin-top: 19px;
}
.content_box .title_box .title_group .chinese{
	width: 100%;
	font-size: 22px;
	color: #FFFFFF;
}
.content_box .title_box .title_group .english{
	width: 100%;
	font-size: 16px;
	color: #4E4D4C;
}
.content_box .content{
	display: inline-block;
	width: 100%;
}
.notice{
	width: 546px;
}
.notice .title_box .icon{
	background-image: url("../image/icon_notice.png");
	background-size: 40px 41px;
	background-position: 25px center;
}
.notice .content{
	height: 311px;
}
.notice .content .notice_item{
	height: 30px;
	width: 500px;
	margin-left: 42px;
	padding: 13px 0;
	border-bottom: solid 1px rgba(63, 63, 63, 0.5);
}
.notice .content .notice_item .badge{
	display: inline-block;
	vertical-align: top;
	width: 89px;
	height: 30px;
	text-align: center;
	font-size: 18px;
	color: #FEFEFF;
	line-height: 30px;
	background-color: #8957a1;
	border-radius: 10px;
	
}
.notice .content .notice_item a{
	font-size: 18px;
	color: #FEFEFF;
	line-height: 30px;
}
.underway{
	width: calc(100% - 546px);
}
.underway .title_box .icon{
	background-image: url("../image/icon_underway.png");
	background-size: 38px 44px;
	background-position: 25px center;
}
.underway .content{
	height: 311px;
}
.underway .content .underway_item{
	display: inline-block;
	vertical-align: top;
	width: 414px;
	height: 230px;
	margin-top: 36px;
	background-color: #3a3a3a;
	border-radius: 10px;
	cursor: pointer;
}
.underway .content .underway_item img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.underway .content .underway_item:nth-child(1){
	margin-left: 25px;
}
.underway .content .underway_item:nth-child(2){
	margin-left: 21px;
}
.video{
	width: 100%;
	margin-top: 51px;
	margin-bottom: 54px;
}
.video .title_box .icon{
	background-image: url("../image/icon_video.png");
	background-size: 42px 42px;
	background-position: 25px center;
}
.video .content{
	height: 653px;
	overflow: hidden;
}
.video .content .select_menu{
	width: 100%;
	height: 93px;
	white-space: nowrap;
}
.video .content .select_menu .option{
	display: inline-block;
	width: 150px;
	height: 32px;
	margin-left: 51px;
	border: solid 3px #8957a1;
	border-radius: 19px;
	margin-top: 25px;
	text-align: center;
	line-height: 32px;
	font-size: 20px;
	color: #212122;
	background-color: #8957a1;
	cursor: pointer;
}
.video .content .select_menu .option:nth-child(1){
	margin-left: 41px;
}
.video .content .select_menu .option.active{
	color: #FEFEFF;
	background: none;
}
.video .content .select_menu .option:hover{
	color: #FEFEFF;
	background: none;
}
.video .content .video_group{
	position: relative;
	width: 100%;
	height: 531px;
	background-color: #2e2e30;
}
.video .content .video_group *{
	display: inline-block;
	vertical-align: top;
}
.video .content .video_group .prev{
	width: 140px;
	height: 100%;
	cursor: pointer;
	background-image: url('../image/icon_prev.png');
	background-position: 27px center;
	background-repeat: no-repeat;
	background-size: 67px;
}
.video .content .video_group .next{
	width: 140px;
	height: 100%;
	cursor: pointer;
	background-image: url('../image/icon_next.png');
	background-position: 40px center;
	background-repeat: no-repeat;
	background-size: 67px;
}
.video .content .video_group .video_box{
	width: 1180px;
	height: 493px;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
}
.video .content .video_group .video_box .group{
	display: inline-block;
	width: 100%;
	height: 100%;
	white-space: normal;
}
.video .content .video_group .video_box .video_item{
	position: relative;
	width: 369px;
	height: 201px;
	margin: 14px 10px;
	background-color: #3a3a3a;
	border-radius: 10px;
	cursor: pointer;
}
.video .content .video_group .video_box .video_item img{
	border-radius: 10px;
}
.video .content .video_group .video_box .video_item .pagenum{
	position: absolute;
	width: 60px;
	bottom: 10px;
	right: 10px;
	background-color: rgba(0,0,0,0.2);
	border-radius: 10px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #8957a1;
}
.video .content .video_group .pager{
	position: absolute;
	bottom: 18px;
	left: 0;
	width: 100%;
	height: 21px;
	text-align: center;
	padding: 18px 0;
}
.video .content .video_group .pager .item{
	width: 21px;
	height: 21px;
	margin: 0 18px;
	background-color: #bfbfbf;
	border-radius: 50%;
}
.video .content .video_group .pager .item img{
	width: 100%;
	height: 100%;
}
.video .content .video_group .pager .item.active{
	background-color: #8957a1;
}
/* home end */

/* signin start */
.signin_box{
	width: 100%;
	height: 648px;
	margin: 45px 0;
	background-image: url('../image/signin_bg.png');
}
.signin_box .signin_form{
	float: right;
	width: 564px;
	height: 553px;
	margin-right: 42px;
	background-color: rgba(49, 49, 49, 0.8);
}
.signin_box .signin_form .title{
	margin-left: 28px;
	margin-top: 35px;
	font-size: 30px;
	color: #FFFFFF;
}
.signin_box .signin_form .form_item{
	display: block;
	width: 500px;
	height: 60px;
	margin-top: 48px;
	margin-left: 27px;
	border-radius: 20px;
	font-size: 24px;
	color: #535353;
	line-height: 60px;
	text-align: center;
	border: none;
}
.signin_box .signin_form .re_pwd{
	display: block;
	width: 500px;
	text-align: right;
	margin-left: 27px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 42px;
}
.signin_box .signin_form .button{
	display: block;
	width: 494px;
	height: 54px;
	margin-left: 27px;
	margin-top: 30px;
	border: solid 3px #8957a1;
	border-radius: 20px;
	font-size: 24px;
	color: #FFFFFF;
	background: none;
	cursor: pointer;
}
.signin_box .signin_form .button.signin{
	background-color: #8957a1;
}
/* signin end */

/* register start */
.register_box{
	width: 100%;
	height: 648px;
	margin: 45px 0;
	background-image: url('../image/signin_bg.png');
}
.register_box .register_form{
	float: right;
	width: 564px;
	height: 553px;
	margin-right: 42px;
	background-color: rgba(49, 49, 49, 0.8);
}
.register_box .register_form .title{
	margin-left: 28px;
	margin-top: 35px;
	font-size: 30px;
	color: #FFFFFF;
}
.register_box .register_form .form_item{
	display: block;
	width: 500px;
	height: 60px;
	margin-top: 48px;
	margin-left: 27px;
	border-radius: 20px;
	font-size: 24px;
	color: #535353;
	line-height: 60px;
	text-align: center;
	border: none;
}
.register_box .register_form .button{
	display: block;
	width: 494px;
	height: 54px;
	margin-left: 27px;
	margin-top: 72px;
	border: solid 3px #8957a1;
	border-radius: 20px;
	font-size: 24px;
	color: #FFFFFF;
	background: none;
	cursor: pointer;
}
.register_box .register_form .button.register{
	background-color: #8957a1;
}
/* register end */

/* enroll start */
.enroll_group{
	display: inline-block;
	vertical-align: top;
	width: 700px;
	text-align: center;
	margin-top: 113px;
}
.enroll_group:nth-child(2){
	margin-left: 55px;
}
.enroll_group .poster{
	width: 100%;
	margin-bottom: 54px;
}
.enroll_group .button{
	display: block;
	margin-bottom: 64px;
}
.enroll_group .button.disabled{
	cursor: default;
}
/* enroll end */

/* enrolltable start */
.register_form{
	width: 100%;
}
.register_form .title_box .icon{
	background-image: url("../image/icon_list.png");
	background-size: 44px 44px;
	background-position: 31px center;
}
.register_form .title_box .right{
	float: right;
	font-size: 18px;
	color: #48C1FF;
	margin-top: 29px;
	margin-right: 37px;
}
.register_form .title_box .right a{
	font-size: 18px;
	color: #48C1FF;
}
.register_form .content{
	position: relative;
}
.register_form .content .attention{
	position: absolute;
	top: 37px;
	right: 30px;
	width: 302px;
	padding: 17px 25px;
	background-color: #2e2e30;
	border-radius: 10px;
}
.register_form .content .attention .title{
	font-size: 30px;
	color: #B283C9;
	width: 100%;
	text-align: center;
	margin-bottom: 52px;
}
.register_form .content .attention .item{
	font-size: 20px;
	color: #FFFFFF;
	margin-bottom: 37px;
}
.register_form .content .form{
	width: 964px;
	padding: 33px 41px 50px 41px;
}
.register_form .content .form .form_group{
	width: 100%;
	margin-bottom: 70px;
}
.register_form .content .form .form_group label{
	display: block;
	line-height: 30px;
	font-size: 18px;
	color: #FEFEFF;
	width: 100%;
}
.register_form .content .form .form_group label .badge{
	display: inline-block;
	width: 65px;
	height: 30px;
	margin-right: 9px;
	line-height: 30px;
	font-size: 16px;
	color: #FEFEFF;
	background-color: #535353;
	border-radius: 30px;
	text-align: center;
}
.register_form .content .form .form_group label .badge.required{
	background-color: #8957A1;
}
.register_form .content .form .form_group .text{
	width: calc(100% - 74px);
	height: 48px;
	margin-left: 74px;
	background: none;
	border: none;
	border-bottom: solid 1px #3f3f3f;
	line-height: 48px;
	font-size: 18px;
	color: #FEFEFF;
}
.register_form .content .form .button{
	width: 200px;
	height: 60px;
	margin-left: 459px;
	line-height: 60px;
	font-size: 20px;
	color: #010101;
	background-color: #FE9806;
	border: none;
	border-radius: 60px;
	cursor: pointer;
}
/* enrolltable end */

/* schedule start */
.schedule{
	width: 100%;
	margin-top: 52px;
	margin-bottom: 72px;
}
.schedule .title_box .icon{
	background-image: url("../image/icon_match.png");
	background-size: 44px 44px;
	background-position: 31px center;
}
.schedule .content .date_box{
	width: calc(100% - 56px);
	height: 70px;
	padding: 0px 28px 14px 28px;
	background-color: #2d2d2d;
}
.schedule .content .date_box .prev{
	display: inline-block;
	width: 40px;
	height: 100%;
	text-align: top;
	background-image: url('../image/icon_prev.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	cursor: pointer;
}
.schedule .content .date_box .next{
	display: inline-block;
	width: 40px;
	height: 100%;
	text-align: top;
	background-image: url('../image/icon_next.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	cursor: pointer;
}
.schedule .content .date_box .date_item_box{
	display:inline-block;
	width: calc(100% - 100px);
	white-space: nowrap;
	overflow: hidden;
}
.schedule .content .date_box .date_item{
	display: inline-block;
	width: 125px;
	height: 50px;
	border: solid 1px #e5e5e5;
	border-radius: 10px;
	margin: 9px;
	text-align: center;
	font-size: 16px;
	color: #FBFBFB;
	line-height: 25px;
	background-color: #363636;
}
.schedule .content .date_box .date_item.active{
	color: #8957A1;
	border-color: #8957a1;
}
.schedule .content .schedule_item{
	display: block;
	width: calc(100% - 56px);
	padding: 26px 28px;
}
.schedule .content .schedule_item .title{
	font-size: 24px;
	color: #F5F5F5;
	line-height: 44px;
}
.schedule .content .schedule_item .match{
	display: inline-block;
	width: 703px;
	height: 43px; 
	padding: 8.5px 0;
	margin-bottom: 17px;
	background-color: #3F3F3F;
	border-radius: 20px;
	font-size: 18px;
	color: #FBFBFB;
	text-align: center;
	line-height: 43px;
}
.schedule .content .schedule_item .match .time{
	display: inline-block;
	width: 80px;
	height: 100%;
	border-right: solid 1px #cfa972;
}
.schedule .content .schedule_item .match .info{
	display: inline-block;
	width: calc(100% - 81px);
	height: 100%;
}
.schedule .content .schedule_item .match .info .left{
	display: inline-block;
	width: calc(50% - 92px);
	line-height: 43px;
	text-align: right;
}
.schedule .content .schedule_item .match .info .right{
	display: inline-block;
	width: calc(50% - 92px);
	line-height: 43px;
	text-align: left;
}
.schedule .content .schedule_item .match .info .vs{
	display: inline-block;
	color: #171717;
	width: 184px;
}
.schedule .content .schedule_item .line{
	display: inline-block;
	width: 200px;
	height: 5px;
	background-color: #8957A1;
	margin: 0 20px;
}
.schedule .content .schedule_item .result{
	display: inline-block;
	width: 285px;
	height: 43px; 
	padding: 8.5px 0;
	margin-bottom: 17px;
	background-color: #3F3F3F;
	border-radius: 20px;
	font-size: 24px;
	color: #F5F5F5;
	text-align: center;
	line-height: 43px;
}
/* schedule start */

/* usercenter start */
.per_data{
	width: 666px;
	margin-bottom: 50px;
	margin-top: 38px;
}
.per_data .title_box .icon{
	background-image: url("../image/icon_list.png");
	background-size: 44px 44px;
	background-position: 31px center;
}
.per_data .content{
	height: 494px;
	width: calc(100% - 1px);
}
.per_data .content .form_group{
	width: calc(100% - 76px);
	height: 35px;
	padding: 22px 38px; 
}
.per_data .content .form_group label{
	display: inline-block;
	width: 54px;
	line-height: 35px; 
	margin-right: 24px;
	font-size: 18px;
	color: #FEFEFF;
}
.per_data .content .form_group .text{
	background-color: #3F3F3F;
	width: 501px;
	height: 35px;
	border: none;
	border-radius: 10px;
	text-align: center;
	font-size: 18px;
	color: #FEFEFF;
}
.per_data .content .form_group .radio{
	display: inline-block;
	vertical-align: top;
	margin: 9px;
	width: 17px;
	height: 17px;
	background-color: #3F3F3F;
	border-radius: 50%;
	cursor: pointer;
}
.per_data .content .form_group .radio.active .check{
	display: inline-block;
	vertical-align: top;
	width: 11px;
	height: 11px;
	margin: 3px;
	background-color: #8957A1;
	border-radius: 50%;
}
.per_data .content .form_group .button{
	width: 100px;
	height: 40px;
	line-height: 40px;
	margin-left: 220px;
	font-size: 20px;
	color: #010101;
	background-color: #fe9807;
	border: none;
	border-radius: 40px;
	cursor: pointer;
}
.per_data .separator{
	display: inline-block;
	height: 371px;
	width: 1px;
	background-color: #707070;
	margin-top: 55px;
}

.my_race{
	width: calc(100% - 666px);
	margin-bottom: 50px;
	margin-top: 38px;
}
.my_race .title_box .icon{
	background-image: url("../image/icon_match.png");
	background-size: 44px 44px;
	background-position: 31px center;
}
.my_race .content{
	height: 494px;
}
.my_race .content .schedule_item{
	display: block;
	width: calc(100% - 56px);
	padding: 8px 28px;
}
.my_race .content .schedule_item .title{
	font-size: 18px;
	color: #EBEBEB;
	line-height: 44px;
}
.my_race .content .schedule_item .match{
	display: inline-block;
	width: 703px;
	height: 43px; 
	padding: 8.5px 0;
	margin-bottom: 17px;
	background-color: #3F3F3F;
	border-radius: 20px;
	font-size: 18px;
	color: #FBFBFB;
	text-align: center;
	line-height: 43px;
}
.my_race .content .schedule_item .match .time{
	display: inline-block;
	width: 80px;
	height: 100%;
	border-right: solid 1px #cfa972;
}
.my_race .content .schedule_item .match .info{
	display: inline-block;
	width: calc(100% - 81px);
	height: 100%;
}
.my_race .content .schedule_item .match .info .vs{
	display: inline-block;
	color: #171717;
	width: 184px;
}
/* usercenter end */
.banner_img{
	display: block;
	margin: 0 auto;
	max-width: 1460px;
}
.banner_img.hd{
	display: none;
}

.banner_top{
	width: 100%;
}
.banner.content_box{
	width: 100%;
	margin-bottom: 54px;
}
.banner .title{
	width: calc(100% - 48px);
	height: 69px;
	line-height: 69px;
	padding: 0 24px;
	font-size: 22px;
	color: #FFFFFF;
	background-color: #2d2d2d;
}
.banner .content{
	width: calc(100% - 48px);
	min-height: 1471px;
	padding: 23px 24px;
}
.banner .content .content_title{
	width: 100%;
	font-size: 28px;
	color: #FB9535;
	margin: 32px 0;
}
.banner .content .rule{
	width: 100%;
	font-size: 22px;
	color: #FFFFFF;
	line-height: 44px;
}
.banner .content .rule .blank{
	height: 36px;
}